<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui"    
      xmlns:ui="http://java.sun.com/jsf/facelets">    

    <h:head>
        <title>Busca de Produtos</title>
    </h:head>
    <h:body>

        <ui:composition template="layout.xhtml">
            <ui:define name="tituloJanela">
                AE-Store :: Busca de Produtos
            </ui:define>

            <ui:define name="conteudo">
                <div id="produtos">   


                    <h:form>
                        <h3>Buscar por nome</h3>
                        <h:inputText value="#{produtoBean.filtro}"/>
                        <h:commandButton value="Buscar" />
                    </h:form>


                    <h:panelGrid>
                        <h:dataTable id="tableBuscaNome" value="#{produtoBean.produtoListaByNome}" var="n" title="Produtos Cadastrados" border="1" rows="10" >
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CODIGO" />
                                </f:facet>
                                <h:outputText value="#{n.codigo}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="PRODUTO" />
                                </f:facet>
                                <h:outputText value="#{n.nome}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="DESCRIÇÃO" />
                                </f:facet>
                                <h:outputText value="#{n.descricao}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CARACTERÍSTICAS" />
                                </f:facet>
                                <h:outputText value="#{n.caracteristicas}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CATEGORIA" />
                                </f:facet>
                                <h:outputText value="#{n.categoria}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="GENERO" />
                                </f:facet>
                                <h:outputText value="#{n.genero}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="PRECO" />
                                </f:facet>
                                <h:outputText value="#{n.preco}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="DESCONTO" />
                                </f:facet>
                                <h:outputText value="#{n.desconto}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="TAMANHO" />
                                </f:facet>
                                <h:outputText value="#{n.tamanho}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="QUANTIDADE" />
                                </f:facet>
                                <h:outputText value="#{n.quantidade}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="IMAGEM" />
                                </f:facet>
                                <h:outputText value="#{n.imagem}"/>
                            </h:column>                                         

                        </h:dataTable>
                    </h:panelGrid>


                    <h:form id="formcat">
                        <h3>Buscar por categoria</h3>
                        <p:selectOneMenu 
                            value="#{produtoBean.filtrocat}" onchange="formcat.submit()">  
                            <f:selectItem itemLabel="Selecione a categoria" itemValue="" />  
                            <f:selectItems value="#{categoriaBean.categorias}"  var="ca" itemValue="#{ca.id}" itemLabel="#{ca.nome}" />
                        </p:selectOneMenu>  
                    </h:form>


                    <h:panelGrid>
                        <h:dataTable id="tableBuscaCategoria" value="#{produtoBean.produtoListaByCategoria}" var="cat" title="Produtos Cadastrados" border="1" rows="10" >
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CODIGO" />
                                </f:facet>
                                <h:outputText value="#{cat.codigo}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="PRODUTO" />
                                </f:facet>
                                <h:outputText value="#{cat.nome}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="DESCRIÇÃO" />
                                </f:facet>
                                <h:outputText value="#{cat.descricao}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CARACTERÍSTICAS" />
                                </f:facet>
                                <h:outputText value="#{cat.caracteristicas}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="CATEGORIA" />
                                </f:facet>
                                <h:outputText value="#{cat.categoria}"/>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="GENERO" />
                                </f:facet>
                                <h:outputText value="#{cat.genero}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="PRECO" />
                                </f:facet>
                                <h:outputText value="#{cat.preco}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="DESCONTO" />
                                </f:facet>
                                <h:outputText value="#{cat.desconto}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="TAMANHO" />
                                </f:facet>
                                <h:outputText value="#{cat.tamanho}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="QUANTIDADE" />
                                </f:facet>
                                <h:outputText value="#{cat.quantidade}"/>
                            </h:column>                                         
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="IMAGEM" />
                                </f:facet>
                                <h:outputText value="#{cat.imagem}"/>
                            </h:column>                                         

                        </h:dataTable>
                    </h:panelGrid>



                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
